<%--
  Created by IntelliJ IDEA.
  User: HP
  Date: 2019/4/16
  Time: 23:08
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
    <title>登 录</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/login.css">
    <%--<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>--%>
</head>
<body>
<h2 class="title" style="margin-top: 160px;">Security Login</h2>
<div class="box">
    <div class="box-small">
        <h4 class="title">账户登录</h4>
        <form action="" method="post">
            <div class="form-group">
                <input type="text" name="name"  class="form-control" placeholder=" 用户名"/>
                <div class="showsIcon" style="background-image: url(img/user.png);top: 5.5px;"></div>
            </div>
            <div class="form-group">
                <input type="password" name="password" class="form-control" placeholder=" 密码"/>
                <div class="showsIcon" style="background-image: url(img/pwd.png);width: 28px;height: 28px;left: 3px;"></div>
            </div>
            <div class="form-group" style="margin-top: -12px;margin-bottom: 10px;">
                <input type="checkbox" value="1"> 记住我
            </div>
            <div class="form-group">
                <button type="submit" class="btn btn-primary btn-block">登录</button>
            </div>
        </form>
    </div>
    <div class="box-bottom">
        <span>第三方登录：</span>
        <a href="https://cas.dgut.edu.cn?appid=javaee&state=STATE" title="莞工登录"><img src="img/dgut.png" alt="莞工"></a>
        <a href="#" title="qq登录"><img src="img/qq.png" alt="qq"></a>
        <a href="#" title="微信登录"><img src="img/weixin.png" alt="微信"></a>
        <a href="#" title="github登录"><img src="img/githubb.png" alt="github"></a>
        <span><a href="register.html" style="text-decoration: none;" title="立即注册">立即注册</a></span>
    </div>
</div>
</body>
</html>
<%--
<script>
    $(document).ready(function(){
        $("input").focus(function(){
            $(this).nextAll().addClass("ishide");
        });

    });
</script>--%>
